{% extends "input_layout.html" %}
{% block content %}
    <form class="form-signin" method="post" action="">
        <input id="csrf_token" name="csrf_token" type="hidden"
            value="ImQzZGMxZGNhMTY0ZTVhYjc4YTE3YWFhNDRlZjhlNDA3MzRjMmViZGMi.YdaP1A.U6TQTmA53JivyX1kQsMx3ZyhNNY">
        <img class="mb-4" src="static/logo_color.png" alt="" width="72" height="72">
        <h1 class="h3 mb-3 font-weight-normal">注册</h1>

        {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
        {% for category, message in messages %}
        <div class="alert alert-{{ category }}" style="text-align: center;width: 100%; margin-bottom: 5px;">
            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
            <strong>{{ message }}</strong>
        </div>
        {% endfor %}
        {% endif %}
        {% endwith %}

        <input class="form-control" id="username" name="zhanghao" placeholder="用户名" required type="text" value="">
        <input class="form-control" id="password" name="mima" placeholder="密码" required
            style="margin-bottom: 0px !important;" type="password" value="">
        <input class="form-control" id="confirm_password" name="mima2" placeholder="确认密码" required
            type="password" value="">

        <input class="btn btn-lg btn-primary btn-block" id="submit" name="submit" style="margin-top: 20px !important;"
            type="submit" value="注册">
        <div class="border-top pt-3" style="margin-top: 25px !important;">
            <small class="text-muted">
                已有账号？<a href="/login">马上登陆</a>
            </small>
        </div>
        <a class="btn btn-outline-secondary btn-sm" style="margin-top: 10px !important;" href='/'>返回首页</a>
    </form>

{% endblock content %}